
<script lang="ts" setup>
import headerUtil from "./base/common/headerUtil.vue";
import { ref, reactive, nextTick } from 'vue';
import { useRouter } from 'vue-router';
const router = useRouter();

const currentData = ref<any>({
  headerObj:{
    showType: 2,
    closeBtn: false
  },
});

const toExcelShow = (type:any) => {
  router.push({path:"/excelDetail", query:{type: type}});
}

</script>
<template>
  <div class="demo">
    <div class="header">
      <headerUtil :obj="currentData.headerObj">服务</headerUtil>
    </div>
    <div class="content">
      <div class="btn" @click="toExcelShow(0)">
        <van-button type="primary" block>超境品牌车衣质保卡</van-button>
      </div>
      <div class="btn" @click="toExcelShow(1)">
        <van-button type="primary" block>7C品牌改色膜质保卡</van-button>
      </div>
      <div class="btn" @click="toExcelShow(2)">
        <van-button type="warning" block>CYS品牌改色膜质保卡</van-button>
      </div>
      <div class="btn" @click="toExcelShow(4)">
        <van-button type="primary" block>贴膜用户</van-button>
      </div>
      
      
      
    </div>
    
  </div>
</template>

<style lang="less" scoped>
.demo {
  position: relative;
  width: 3.75rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  .header {
    width: 3.75rem;
    height: .44rem;
    // position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
  }
  .content {
    padding: .1rem;
    width: 3.75rem;
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    .btn {
      padding-bottom: .1rem !important;
    }
  }

}
</style>
 